<!doctype html>
<html class="no-js" lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>勾瑞特</title>
<meta name="description"
	content="勾瑞特提供品牌网站设计建设、平面设计、小程序开发、App建设等，做专业级的制作帮助您造高端的网站设计建设、平面设计、小程序开发、App建设等。" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="alternate icon" type="image/png" href="/favicon.png">
<link rel="stylesheet" href="views/css/amazeui.css">
<link rel="stylesheet" href="views/css/style.css">
</head>
<body>
	<div th:replace="../templates/common/common :: view_header"></div>
	<div data-am-widget="slider" class="am-slider am-slider-i2"
		data-am-flexslider="{controlNav:false}">
		<ul class="am-slides">
			<li class="am-slider-images"
				style="background-image: url(views/images/banner1.jpg)">
				<div class="am-container am-slider-desc">
					<div class="am-slider-content">
						<h2 class="am-slider-title am-animation-slide-left"
							data-am-scrollspy="{animation: 'slide-left', delay: 100}">创新企业定制服务</h2>
						<p data-am-scrollspy="{animation:'slide-right', delay: 600}"
							class="am-animation-slide-right">来自勾瑞特永不畏惧的创新力量</p>
						<a href="/fuwu.html"
							class="am-btn-xs am-btn am-btn-danger am-radius am-animation-slide-bottom am-animation-delay-1"
							rel="nofollow"
							data-am-scrollspy="{animation:'slide-bottom', delay: 100}">READ
							MORE</a>
					</div>
				</div>
			</li>
		</ul>
	</div>
	<div class="m-services m-home-box">
		<section class="am-container">
			<hgroup class="am-animation-slide-bottom am-animation-delay-1"
				data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
				<h2>我们的服务</h2>
				<p>全力为中小企业提供网页设计、网站建设、平面设计、微信小程序、APP、运维相关、管理系统等高端订制服务。</p>
			</hgroup>
			<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-6 am-thumbnails">
				<li class="am-animation-slide-top"
					data-am-scrollspy="{animation:'slide-top', delay: 0}">
					<h2>网页设计</h2>
					<p>为客户提供专业化、品牌化的PC手机网站设计、助您在网络领域超越同行者。</p>
				</li>
				<li class="am-animation-slide-top"
					data-am-scrollspy="{animation:'slide-top', delay: 0}">
					<h2>平面设计</h2>
					<p>专业的服务团队为您量身定制，优秀的设计方案及后期制作，为您解决一切后顾之忧。</p>
				</li>
				<li class="am-animation-slide-top am-animation-delay-1"
					data-am-scrollspy="{animation:'slide-top', delay: 100}">
					<h2>微信小程序</h2>
					<p>小程序的商业生态链已然形成，为客户提供专业优秀的开发团队，完善您的商业布局。</p>
				</li>
				<li class="am-animation-slide-top am-animation-delay-1"
					data-am-scrollspy="{animation:'slide-top', delay: 100}">
					<h2>APP</h2>
					<p>勾瑞特拥有多年手机应用软件开发经验，为客户提供手机应用开发设计方案，专业的ios、Android、HTML5开发服务团队。</p>
				</li>
			</ul>
		</section>

	</div>
	<div class="am-container m-home-box">
		<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
			<h2>案例展示</h2>
			<p>多终端一体化创新设计解决方案响应式自适应设计。</p>
		</hgroup>
		<section class="m-case-list">
			<ul class="am-avg-sm-1 am-avg-md-3 am-avg-lg-3 am-thumbnails" id="m-case-list">

				<li data-am-scrollspy="{animation:'slide-bottom', delay: 196}">
					<figure class="effect-lily">
						<img src="views/images/loading.gif" alt="勾瑞特品牌VI设计"
							data-echo="uploadfiles/image/201509/46.jpg"
							class="am-img-responsive">
						<figcaption>
							<h3>SOLOVE素乐</h3>
							<p>我想我会遇见你，像恋人般重逢美丽</p>
							<a href="/post/62.html">View more</a>
						</figcaption>
					</figure>
				</li>

				<li data-am-scrollspy="{animation:'slide-bottom', delay: 174}">
					<figure class="effect-lily">
						<img src="views/images/loading.gif" alt="研磨时光菜单设计"
							data-echo="uploadfiles/image/201509/23.jpg"
							class="am-img-responsive">
						<figcaption>
							<h3>广州唯一印象婚纱摄影</h3>
							<p>专注高端定制婚纱摄影</p>
							<a href="/post/62.html">View more</a>
						</figcaption>
					</figure>
				</li>

				<li data-am-scrollspy="{animation:'slide-bottom', delay: 119}">
					<figure class="effect-lily">
						<img src="views/images/loading.gif" alt="鲜果果水果宣传单张设计与印刷"
							data-echo="uploadfiles/image/201509/32.jpg"
							class="am-img-responsive">
						<figcaption>
							<h3>南京启凡英语课程专题</h3>
							<p>南京唯一一家欧洲教育管理培训中心</p>
							<a href="/post/62.html">View more</a>
						</figcaption>
					</figure>
				</li>
			</ul>
		</section>

	</div>
	<hr>
	<section class="am-container m-home-box m-partner">

		<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
			<h2>协助伙伴</h2>
			<p>用最具影响力品牌协助，并全力协助新兴品牌，我们以设计助力众多品牌走向行业领先地位，鼎力相助每一个梦想。</p>
		</hgroup>
		<ul class="am-avg-lg-8 am-avg-md-8 am-avg-sm-2  am-thumbnails"
			data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 44}"><img
				src="views/images/tencent.png" alt="腾讯" class="am-img-responsive"></li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 45}"><img
				src="views/images/dianxin.png" alt="中国电信" class="am-img-responsive"></li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 399}">
				<img src="views/images/aliyun.png" alt="阿里云"
				class="am-img-responsive">
			</li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 286}">
				<img src="views/images/canon.png" alt="佳能" class="am-img-responsive">
			</li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 114}">
				<img src="views/images/baidu.png" alt="百度" class="am-img-responsive">
			</li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 72}"><img
				src="views/images/microsoft.png" alt="微软" class="am-img-responsive"></li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 190}">
				<img src="views/images/apple.png" alt="苹果" class="am-img-responsive">
			</li>
			<li data-am-scrollspy="{animation:'slide-bottom', delay: 99}"><img
				src="views/images/adobe.png" alt="adobe" class="am-img-responsive"></li>
		</ul>
	</section>
	<div class="m-home-box m-contact">
		<section class="am-container">
			<hgroup data-am-scrollspy="{animation:'slide-bottom', delay: 100}">
				<h2>联系我们</h2>
				<p>你可以通过以下方式和我们取得联系。</p>
			</hgroup>
			<ul class="am-avg-lg-4 am-avg-md-4 am-avg-sm-2 am-thumbnails">
				<li data-am-scrollspy="{animation:'slide-bottom', delay: 2}"><i
					class="am-icon-qq"></i> 8888888</li>
				<li data-am-scrollspy="{animation:'slide-bottom', delay: 41}">
					<i class="am-icon-phone-square"></i> 135-0000-0000
				</li>
				<li data-am-scrollspy="{animation:'slide-bottom', delay: 51}">
					<i class="am-icon-weixin"></i> 135-0000-0000
				</li>
				<li data-am-scrollspy="{animation:'slide-bottom', delay: 211}">
					<i class="am-icon-envelope"></i> abc@qq.com
				</li>
			</ul>
		</section>
	</div>
	<div class="m-contact-us">
		<section class="am-container">
			<div class="am-g">
				<span class="m-u-sm-12 am-u-md-9 am-u-lg-10"
					data-am-scrollspy="{animation:'slide-left', delay: 100}">拥有不一样的高端品牌网站，你还在等什么？点击马上和我们联系！</span>
				<span class="m-u-sm-12 am-u-md-3 am-u-lg-2"
					data-am-scrollspy="{animation:'slide-right', delay: 100}"> <a
					target="_blank"
					href="http://wpa.qq.com/msgrd?v=3&uin=8888888&site=qq&menu=yes"
					class="am-btn am-btn-danger am-radius" rel="external nofollow">马上联系</a>
				</span>
			</div>
		</section>
	</div>
	<footer class="m-footer">

		<div class="am-container">
			<section class="am-g m-footer-container">
				<section class="am-u-sm-12 am-u-md-12 am-u-lg-6">
					<h2>关于我们</h2>
					<p>
						勾瑞特成立于2018年，专注高端网站建设、平面设计、小程序建设、APP建设、定制管理系统为一体的创新高端公司，拥有超过8年行业经验的资深团队及设计、开发、摄影、营销、开发经验，强悍创新的视觉执行力<a
							href="/about.html" rel="nofollow">更多</a>
					</p>
				</section>
				<section class="am-u-sm-12 am-u-md-6 am-u-lg-3">
					<h2>最新资讯</h2>
					<ul>
						<li><time class="am-fr">90次阅读</time><a href="/post/151">台山社保局</a></li>
						<li><time class="am-fr">67次阅读</time><a href="/post/150">江门市外海小学</a></li>
						<li><time class="am-fr">72次阅读</time><a href="/post/148">恩城三小</a></li>
					</ul>
				</section>
				<section class="am-u-sm-12 am-u-md-6 am-u-lg-3 subnav">
					<h2>其他</h2>
					<a href="" rel="nofollow">网站欣赏</a> <a href="/sitemap.html">网站地图</a>
					<a href="" rel="nofollow">合作流程</a> <a href="" rel="nofollow">帮助中心</a>
					<a href="/contact.html" rel="nofollow">联系我们</a>
				</section>
			</section>
			<section class="m-footer-flink">
				<h2>友情链接</h2>
				<a href="#" target="_blank">恩平政府</a> <a href="#" target="_blank">恩平信息网</a>
			</section>
		</div>

		<div class="m-footer-bottom">
			<div class="am-container">
				<div class="am-g">
					<span class="m-u-sm-12 am-u-md-9 am-u-lg-10">Copyright @
						2010 - 2015 www.imj2.com. All Rights Reserved .模板收集自 <a
						href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
						- More Templates <a href="http://www.cssmoban.com/" title="网页模板"
						target="_blank">网页模板</a><a href="http://www.miitbeian.gov.cn/"
						rel="external nofollow">粤ICP备11092500号-1</a>
					</span> <span
						class="m-u-sm-12 am-u-md-3 am-u-lg-2 ico am-text-right am-hide-sm-only a">
						<a href=""
						data-am-popover="{content: '888888', trigger: 'hover focus'}"
						rel="nofollow"><i class="am-icon-qq"></i></a> <a href=""
						data-am-popover="{content: '13700000000', trigger: 'hover focus'}"
						rel="nofollow"><i class="am-icon-phone-square"></i></a> <a href=""
						data-am-popover="{content: '13700000000', trigger: 'hover focus'}"
						rel="nofollow"><i class="am-icon-weixin"></i></a> <a href=""
						data-am-popover="{content: 'mail@qq.com', trigger: 'hover focus'}"
						rel="nofollow"><i class="am-icon-envelope"></i></a>
					</span>
				</div>
			</div>
		</div>
	</footer>

	<!-- 数据加载js start -->
	<script src="views/js/getdata.js"></script>
	<!-- 数据加载js end -->

	<script src="views/js/echo.min.js"></script>
	<script>
		echo.init({
			offset : 100,
			throttle : 250,
			unload : false,
			callback : function(element, op) {
				console.log(element, 'has been', op + 'ed')
			}
		});
		// 图片赖加载
	</script>
	<script src="views/js/jquery.min.js"></script>
	<script src="views/js/amazeui.min.js"></script>
	<script src='views/js/jquery.qrcode.min.js'></script>
	<script type="text/javascript">
		$(function(){
			getCaseList();
		});
		$(function() {
			var str = "http://www.imj2.com";
			$("#code").qrcode({
				render : "table",
				width : 100,
				height : 100,
				text : str
			});
		})
		// 二维码生成
		//返回顶部
		function imj2() {
			this.init();
		}
		imj2.prototype = {
			constructor : imj2,
			init : function() {
				this._initBackTop();
			},
			_initBackTop : function() {
				var $backTop = this.$backTop = $('<div class="m-top-cbbfixed">'
						+ '<a class="m-top-weixin m-top-cbbtn"">'
						+ '<span class="m-top-weixin-icon"></span><div></div>'
						+ '</a>' + '<a class="m-top-go m-top-cbbtn">'
						+ '<span class="m-top-goicon"></span>' + '</a>'
						+ '</div>');
				$('body').append($backTop);

				$backTop.click(function() {
					$("html, body").animate({
						scrollTop : 0
					}, 120);
				});

				var timmer = null;
				$(window).bind(
						"scroll",
						function() {
							var d = $(document).scrollTop(), e = $(window)
									.height();
							0 < d ? $backTop.css("bottom", "10px") : $backTop
									.css("bottom", "-90px");
							clearTimeout(timmer);
							timmer = setTimeout(function() {
								clearTimeout(timmer)
							}, 100);
						});
			}

		}
		var imj2 = new imj2();
		//end返回顶部
	</script>


</body>
</html>